<%@ page contentType="text/html; charset=utf-8" language="java"
    errorPage=""%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/web/common/taglibs.jsp"%>
<script type='text/javascript' src='web/js/calender.js'></script>
<script>
window.onload=function(){
    var tdh1 = window.screen.height / 1000;
    var tds = document.getElementsByTagName('TD');
    for(var i=0;i<tds.length;i++){
        if(tds[i].className == 'td-h-10'){
            tds[i].height=tdh1 * 10+'px';
        } else if(tds[i].className == 'td-h-8') {
            tds[i].height=tdh1 * 8+'px';
        } else if(tds[i].className == 'td-h-4') {
            tds[i].height=tdh1 * 4+'px';
        }
    }
    document.getElementById('dv').style.height=tdh1 * 360 + 'px';
}
</script>
<s:form action="_record" method="post">
<s:hidden name="recordForm.inputRecordIdHid"></s:hidden>
<s:hidden name="recordForm.selectedType1Hid"></s:hidden>
<s:hidden name="recordForm.selectedType2Hid"></s:hidden>
<s:hidden name="recordForm.selectedPrivacyHid"></s:hidden>
<s:hidden name="recordForm.recordDateFromHid"></s:hidden>
<s:hidden name="recordForm.recordDateToHid"></s:hidden>
<s:hidden name="recordForm.inputSubjectHid"></s:hidden>
<s:hidden name="recordForm.searchFlgHid"></s:hidden>
    <table cellpadding="0" cellspacing="0" width="100%">
        <tr>
            <td class="td-h-10"></td>
        </tr>
        <tr>
            <td width="10px"></td>
            <td><font class="title"><s:property
                value='%{getText("record_search_title")}' /></font></td>
        </tr>
        <tr>
            <td class="td-h-10"></td>
            <td><s:fielderror/>
            </td>
        </tr>
        <tr>
            <td></td>
            <td>
            <table border="0" class="tb-content-bg" cellpadding="0"
                cellspacing="0" border="0">
                <tr>
                    <td class="td-h-8" width="8px;"></td>
                </tr>
                <tr>
                    <td></td>
                    <td valign="middle" class="tb-label"><s:property
                        value='%{getText("record_search_recordId")}' /></td>
                    <td width="180px"><s:textfield cssClass="txt-160"
                        name="recordForm.inputRecordId" /></td>
                    <td width="4%"></td>
                    <td valign="middle" class="tb-label"><s:property
                        value='%{getText("record_search_type1")}' /></td>
                    <td width="180px"><s:select name="recordForm.selectedType1"
                        cssClass="select-160" list="recordForm.type1List" headerKey="0"
                        headerValue="" listKey="value" listValue="label"></s:select></td>
                </tr>
                <tr>
                    <td class="td-h-4"></td>
                </tr>
                <tr>
                    <td></td>
                    <td valign="middle" class="tb-label"><s:property
                        value='%{getText("record_search_type2")}' /></td>
                    <td width="180px"><s:select name="recordForm.selectedType2"
                        cssClass="select-160" list="recordForm.type2List" headerKey="0"
                        headerValue="" listKey="value" listValue="label"></s:select></td>
                    <td width="4%"></td>
                    <td valign="middle" class="tb-label"><s:property
                        value='%{getText("record_search_status")}' /></td>
                    <td width="180px"><s:select name="recordForm.selectedPrivacy"
                        cssClass="select-160" list="recordForm.privacyList" headerKey="0"
                        headerValue="" listKey="value" listValue="label"></s:select></td>
                    <td></td>
                </tr>
                <tr>
                    <td class="td-h-4"></td>
                </tr>
                <tr>
                    <td></td>
                    <td valign="middle" class="tb-label"><s:property
                        value='%{getText("record_search_date")}' /></td>
                    <td colspan="5" valign="middle">
                    <table width="100%" cellpadding="0" cellspacing="0">
                        <tr>
                            <td width="136px"><s:textfield id="recordDateFrom"
                                cssClass="txt-130" name="recordForm.recordDateFrom" /></td>
                            <td width="25px">&nbsp;<img
                                src="web/images/iconCalendar.gif"
                                style="cursor: pointer; width: 23px; height: 23px;"
                                onclick="wrtCalendar(recordDateFrom, true);return false;" /></td>
                            <td width="50   px" style="text-align: center;">～</td>
                            <td width="136px"><s:textfield cssClass="txt-130"
                                id="recordDateTo" name="recordForm.recordDateTo" /></td>
                            <td width="25px">&nbsp;<img
                                src="web/images/iconCalendar.gif"
                                style="cursor: pointer; width: 23px; height: 23px;"
                                onclick="wrtCalendar(recordDateTo, true);return false;" /></td>
                            <td></td>
                        </tr>
                    </table>
                    </td>
                </tr>
                <tr>
                    <td class="td-h-4"></td>
                </tr>
                <tr>
                    <td></td>
                    <td valign="middle" class="tb-label"><s:property
                        value='%{getText("record_search_subject")}' /></td>
                    <td colspan="5"><s:textfield cssClass="txt-350"
                        name="recordForm.inputSubject" /></td>
                </tr>
                <tr>
                    <td class="td-h-10"></td>
                </tr>
                <tr>
                    <td></td>
                    <td colspan="6" style="text-align: left;">
                        <table>
                           <tr>
                               <td><s:submit cssClass="btn-50" value='%{getText("btn_search")}' method="search"/></td>
                               <td><s:reset cssClass="btn-50" value='%{getText("btn_clear")}'/></td>
                               <td><s:submit cssClass="btn-50" value='%{getText("btn_download")}' method="download"/></td>
                               <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                               <td><s:submit cssClass="btn-50" value='%{getText("btn_new")}' method="newRecord"/></td>
                               <td><s:submit cssClass="btn-50" value='%{getText("btn_modify")}' method="modifyRecord"/></td>
                               <td><s:submit cssClass="btn-50" value='%{getText("btn_delete")}' method="deleteRecord"/></td>
                               <td>&nbsp;&nbsp;&nbsp;&nbsp;</td>
                               <td><s:submit cssClass="btn-50" value='%{getText("btn_detail")}' method="showRecordDetail"/></td>
                           </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td class="td-h-8"></td>
                </tr>
                <tr>
                    <td></td>
                    <td colspan="6">
                    <div class="div-scroll" style="width: 99%;" id="dv">
                    <table cellpadding="0" cellspacing="0" class="tb-list" width="98%">
                        <tr>
                            <td class="td-list-title-left" width="30px"></td>
                            <td class="td-list-title-right" width="10%"><s:property
                                value='%{getText("record_search_recordId")}' /></td>
                            <td class="td-list-title-right" width="8%"><s:property
                                value='%{getText("record_search_type1")}' /></td>
                            <td class="td-list-title-right" width="12%"><s:property
                                value='%{getText("record_search_type2")}' /></td>
                            <td class="td-list-title-right" width="12%"><s:property
                                value='%{getText("record_search_user")}' /></td>
                            <td class="td-list-title-right" width="10%"><s:property
                                value='%{getText("record_search_count")}' /></td>
                            <td class="td-list-title-right" width="10%"><s:property
                                value='%{getText("record_search_date")}' /></td>
                            <td class="td-list-title-right" width="8%"><s:property
                                value='%{getText("record_search_status")}' /></td>
                            <td class="td-list-title-right"><s:property
                                value='%{getText("record_search_subject")}' /></td>
                        </tr>
                        <s:iterator value="recordForm.recordList" status="st" >
                            <tr>
                                <td class="td-list-content-left" style="text-align: center;"><input type="radio" name="recordForm.selectedRecordId" value="recordId"/></td>
                                <td class="td-list-content-right">
                                    <s:property value='recordId' /> 
                                </td>
                                <td class="td-list-content-right">
                                    <s:property value='type1Value' /> 
                                </td>
                                <td class="td-list-content-right">
                                    <s:property value='type2Value' /> 
                                </td>
                                <td class="td-list-content-right">
                                    <s:property value='insUser' /> 
                                </td>
                                <td class="td-list-content-right" style="text-align: right;">
                                    <s:text name="global.format.money02" ><s:param value="sum"/></s:text>
                                </td>
                                <td class="td-list-content-right" style="text-align: right">
                                    <s:text name="global.format.date" ><s:param value="insDate"/></s:text>
                                </td>
                                <td class="td-list-content-right">
                                    <s:property value='privacyValue' /> 
                                </td>
                                <td class="td-list-content-right">
                                    <s:property value='subject' /> 
                                </td>
                            </tr>
                        </s:iterator>
                    </table>
                    </div>
                    </td>
                </tr>
                <tr>
                    <td class="td-h-8"></td>
                </tr>
            </table>
            </td>
        </tr>
    </table>
</s:form>
</html>